<template>
  <div @click="showWakaka">
   姓名 {{ personInfo.name }}
   性别 {{ personInfo.sex }}
   爱好 {{ personInfo.hobby }}
  </div>
</template>

<script>
export default {
    data(){
        return {
            personInfo:{
                name:"张三",
                sex:"男",
                hobby:"lwa"
            }
        }
    },
    methods:{
        showWakaka(){
            this.$emit("wakaka","传递信息：发动暴风星云裂")
        }
    }

}
</script>

<style scoped lang="less">
body{
    font-size: 30px;
    user-select: none;
}
div{
    user-select: none;
}
</style>